/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
/*color style*/
body{
	color:gray;
	background-color: #f0f0f0;
}
nav{
	color: #fff;
	background-color: #fff;
}
nav i{
	color:#bdc8cf; 
}
article{
	background-color: #fff;
}
article h3{
	color:#486985; 
}
article p{
	color: #486985;
}
.content-1 .user-1 i{
	color: #26c281;
}
.content-1 .user-2 i{
	color: #ffce54;
}
.content-1 .user-3 i,.content-1 .user-4 i,.content-1 .user-5 i{
	color: #eaeef0;
}
.content-1 .user-1:hover,.content-1 .user-2:hover,.content-1 .user-3:hover,
.content-1 .user-4:hover,.content-1 .user-5:hover{
	background-color: #f1f4f6;
}
/*css layout*/
nav{
	width: 330px;
	height: 80px;
	margin: 20px auto 0;
	border-bottom:1px solid #d8dfe3; 
}
a{
	text-decoration: none;
}
nav li{
	width: 100px;
	height: 80px;
	display: block;
	float: left;
}
nav i{
	display: block;
	margin: 25px 0 0 52px;
}
nav ul .select{
	border-bottom:2px solid #5d9ce3  ;
}
nav ul .select i{
	color: #86b5f1;
}
.content-1{
	width: 330px;
	height: 465px;
	margin:  2px auto 0;
}
.content-1 article{
	height: 77px;
	border-bottom:1px solid #e7ebee; 
}
.content-1 article img{
	margin: 13px 0 13px 13px;
	float: left;
	border-radius: 50px;
}
.content-1 article h3{
	padding:13px 75px 0 77px; 
}
.content-1 article p{
	padding:13px 75px 0 77px; 
}
.content-1 article i{
	display: block;
	float: right;
	margin: -30px 20px 0 0;
}
form{
	background-color: #e3e9ed;
	height: 77px;
}
.content-1 form  button{
	outline: none;
	border:none;
	background-color:#e3e9ed ;
	padding: 25px 10px 0 30px;
}
.content-1 form button i{
	color:#8a9fb2 ;
}
.content-1 form  input{
	outline: none;
	border:none;
	background-color:#e3e9ed;
	padding: 25px 0 0 0;
}
/* WebKit browsers */
::-webkit-input-placeholder {
	color:#435c6e;
	font-size: 16px;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
	color: #435c6e;
	font-size: 16px;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
	color: #435c6e;
	font-size: 16px;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder {
	color: #435c6e;
	font-size: 16px;
}
/*css typography*/
h3{
	font-family:  "Lucida Grande","Helvetica","Arial",sans-serif;
}
p{
	font-family: "Lucida Grande","Helvetica","Arial",sans-serif;
}